草庐IT

html 图像

全部标签

javascript - 仅在 Bootstrap 模式打开后延迟加载图像

我在这里找到了两个相似的答案,但都没有成功解决我的情况(考虑到我将它们转化为我的情况的能力有限)。我有一个包含很多相当大图像的页面,Bootstrap的默认方法是在页面加载时加载所有模态图像。可见的html呈现得相当快(我有一个微调器)但是隐藏模式的额外加载时间使页面不切实际。我希望页面仅加载可见(非模态)内容以完成页面加载(并清除微调器),然后仅在触发该模态时加载每个模态的内容。我已经尝试了我能找到的所有延迟加载解决方案,但图像不会在模态中呈现(“data-src”占位符呈现但不呈现应该替换它们的“src”图像)。我只想延迟加载(或加载“show.bs.modal”)模态的大图像,即

javascript - 如何使用 html2Canvas 和 AWS S3 图像处理 CORS?

我知道以前有人问过类似的问题,但我仍然无法解决。我有一个div,其中包含从AWSs3中的存储桶加载的图像,它们完全加载没有问题。现在我希望能够将特定div中的任何内容保存为jpeg(例如截屏),插件html2canvas可以帮助实现这一点。问题是,当我尝试实际保存它(或只是立即显示此类屏幕截图的结果)时,我遇到了这些问题:Canvasistainted=>我在插件中设置了allowTaint:true但它会抛出这个错误,所以我禁用它并且错误消失了。我将useCORS设置为true以允许来自其他来源的图像。对图像的访问已被CORS策略阻止为了解决这个问题,我在我的AWSS3存储桶上设置了

javascript - 如何在 Chrome Dev Tools 中编辑 Html 中的 Javascript

我们可以在ChromeDevTools的Sources面板中编辑和执行*.js文件中的JavaScript代码。但是,如果js代码来自于*.html文件,除了加断点之外,我们如何编辑执行呢? 最佳答案 在Chrome开发者工具中,您可以设置一个“工作区”,当您对文件进行更改时,它会保存在本地并在浏览​​器中显示更改。请按照此Google指南进行设置。它很容易理解并带有屏幕截图,如果您需要进一步的帮助,请回复消息。说明链接:https://developers.google.com/web/tools/setup/setup-work

javascript - phonegap javascript html 获取请求

我正在尝试从phone-gap应用程序向我的网站发出httpget请求。以下代码在我使用chrome的笔记本电脑上运行良好,但一旦转换为应用程序,它就不再运行。特别是,phonegap可以很好地编译代码并为我提供一个非常好的.apk文件,但屏幕上只会显示文本“qwer”。这是代码:vartheUrl="https://example.com"varxmlHttp=newXMLHttpRequest();xmlHttp.onreadystatechange=function(){if(xmlHttp.readyState==4&&xmlHttp.status==200)document.

javascript - 如何使用 supertest 和 jest 测试图像上传(流)?

我的API中有一个图像上传端点,它接受application/octet-stream请求并处理这些流。我想为此端点编写测试覆盖范围,但无法弄清楚如何使用super测试来流式传输图像。到目前为止,这是我的代码:importrequestfrom'supertest'consttestImage=`${__dirname}/../../../assets/test_image.jpg`describe('Uploadendpoint',()=>{test('Successfullyuploadsjpgimage',async()=>request(app).post(`${ROOT_UR

javascript - 如何使用 html 子元素在 contenteditable div 中获取插入位置?

我正在使用一个contenteditablediv,它可以选择在文本流中包含内联html元素,例如标签。在某些时候我需要获取插入符号的位置,但我发现如果插入符号位于html子元素之后,则示例代码返回的位置不正确。我需要一个跨浏览器的解决方案,它允许我存储插入符号的位置,以便即使在文本流中存在html元素的情况下也可以在一瞬间恢复它。例子:functiongetCaretPosition(editableDiv){varcaretPos=0,containerEl=null,sel,range;if(window.getSelection){sel=window.getSelection

正则表达式 : Match text NOT part of a HTML tag

我真的想要一个在node.js中可执行的正则表达式(所以没有jQueryDOM处理等,因为标签可以有不同的嵌套)匹配所有不是HTML标签或部分的文本它分成不同的组。例如我想匹配"5","ELT.","SPR","","plo","Unterricht",""," "和"plo"来自那个字符串:5ELT.SPR pioUnterricht  pio我可以保证标签中不会有“>”。我找到的解决方案是(?)[^>,但这在node.js中不起作用(可能是因为前瞻?它说“无效组”)有什么建议吗?(是的,我真的认为Regex是正确的方式,因为html可能以其他方

javascript - 如何在 HTML 中实现富文本编辑器?

这是演示:http://www.kevinroth.com/rte/demo.htm当我使用firebugs检查源代码时,我看到它只是iFrame,但是iFrame怎么会有文本区域行为?关于如何实现这个的任何想法?感谢 最佳答案 因为我现在正在为我的工作做这件事,所以我做了少量的研究。据我所知,有两种方法可以实现这一点:文档.设计模式在JavaScript中使用document.designMode将整个HTML文档设置为可编辑。由于整个HTML文档是可编辑的,因此可能需要一个iframe来封装编辑,以便用户无法编辑您不想编辑的页面

javascript - 背景图像的淡入淡出过渡在所有文本中产生奇怪的白色效果

这个问题有点奇怪,我有一个网站,其中背景图像随着淡入/淡出过渡而变化视频:http://www.screenr.com/ZCvs网络在行动:http://toniweb.us/gm标记:CSS:.headerimg{background-position:centertop;background-repeat:no-repeat;width:100%;position:absolute;height:100%;cursor:pointer;-webkit-background-size:cover;-moz-background-size:cover;-o-background-siz

javascript - HTML5 视频时间更新事件未触发

我有一个我页面上的元素:在我的JS中它是这样写的:varv=$('#myVideo')[0];v.addEventListener('timeupdate',function(){alert('Ichanged');},false);现在我将启动我的控制台并输入:$('#myVideo')[0].currentTime=2;显示的框架会改变,但事件不会触发。根据规范timeupdate应该在currentTimewaschanged时触发,所以我不认为我使用了错误的事件?我正在使用的所有其他事件(即play和ended)工作正常。那里有很多类似的问题,但所有这些似乎都是过时的错误?这是